﻿
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="../../../../DataUser/Style/ccbpm.css" rel="stylesheet" type="text/css" />
    <link href="../../../Scripts/easyUI145/themes/icon.css" rel="stylesheet" type="text/css" />
    <link href="../../../Scripts/easyUI145/themes/default/easyui.css" rel="stylesheet" type="text/css" />
    <script src="../../../Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script src="../../../Scripts/easyUI/jquery.easyui.min.js" type="text/javascript"></script>
    <script src="../../../Scripts/QueryString.js" type="text/javascript"></script>
    <script type="text/javascript" src="../../../Scripts/config.js"></script>
    <script type="text/javascript" src="../../../Comm/Gener.js"></script>
    <script src="DDLBar.js" type="text/javascript"></script>
    <script src="../../CCFlowEnum.js" type="text/javascript"></script>
    <script src="../../../Scripts/EasyUIUtility.js" type="text/javascript"></script>
    <script src="../../../Scripts/vue.js" type="text/javascript"></script>
    <!-- 自己的系统风格统一. -->
    <link href="../../../Style/skin/adminfont/iconfont.css" rel="stylesheet" />
    <link href="../../../Style/skin/css/Default.css" rel="stylesheet" />
    <!-- 自己的系统风格统一end -->
</head>
<body>
    <div id="App">
        <div id="bar"> </div>

        <fieldset>
            <legend>设置岗位 </legend>
            <ul>
                <li> <a href="javascript:void(0)" @click="OpenStation()"> 设置与更改岗位(树结构)</a>  </li>
                <li> <a href="javascript:void(0)" @click="OpenDot2DotStations()"> 设置与更改岗位（分组结构）</a>  </li>
            </ul>
        </fieldset>

        <fieldset>
            <legend>设置部门 </legend>
            <ul>
                <li> <a href="javascript:void(0)" @click="BindDeptTree()" >设置/更改部门</a> </li>
            </ul>
        </fieldset>



        <fieldset>
            <legend>已经设置的岗位 </legend>
            <div id="stas" style="margin-top:15px">
                <span>合计:(<font color=red>{{stas.length}}</font>)条</span>
                <ul>
                    <li v-show="stas.length===0">未设置</li>
                    <template v-for="sta in stas">
                        <li v-show="sta.FK_StationText!=undefined">{{sta.FK_StationText}}</li>
                    </template>

                </ul>
            </div>
        </fieldset>


        <fieldset>
            <legend>已经设置的部门 </legend>
            <div id="dept" style="margin-top:15px">
                <span>合计:(<font color=red>{{depts.length}}</font>)条</span>
                <ul>
                    <li v-show="depts.length===0">未设置</li>
                    <template v-for="dept in depts">
                        <li v-if="dept.FK_DeptText!=undefined">{{dept.FK_DeptText}}</li>
                    </template>
                </ul>
            </div>
        </fieldset>




        <fieldset>
            <legend id="help"></legend>
            <ul>
                <li>ccBPM会取既具备此岗位集合的又具备此部门集合的人员，做为本节点的接受人员。</li>
                <li>部门人员是一个集合，岗位人员是一个集合，两个集合相交的人员集合就是当前节点要投递的对象。</li>

            </ul>
        </fieldset>

    </div>
    <script type="text/javascript">
        var Baseinfo = new Vue({
            el: '#App',
            data: {
                stas: [],
                depts: [],
                webuser: null,
                deliverWay: DeliveryWay.ByDeptAndStation
            },
            methods: {
                OpenStation: function () {
                    var nodeID = GetQueryString("FK_Node");
                    var url = "../../../Comm/RefFunc/BranchesAndLeaf.htm?EnName=BP.WF.Template.NodeSheet&Dot2DotEnsName=BP.WF.Template.NodeStations&Dot2DotEnName=BP.WF.Template.NodeStation&AttrOfOneInMM=FK_Node&AttrOfMInMM=FK_Station&EnsOfM=BP.Port.Stations&DefaultGroupAttrKey=FK_StationType&NodeID=" + nodeID + "&PKVal=" + nodeID;
                    OpenEasyUiDialogExtCloseFunc(url, '设置岗位', 800, 500, function () {
                        Baseinfo.stas = getStas();
                    });

                },
                OpenDot2DotStations: function () {
                    OpenDot2DotStations();
                },
                BindDeptTree: function () {
                    BindDeptTree();
                }
            },
            created() {
                InitBar(this.deliverWay);
                this.stas = getStas();
                this.depts = getDepts();

                //根据用户的信息，判断是否启用那个设置工具。
                this.webuser = new WebUser();


            }
        });

        //保存
        function Save() {
            var nodeID = GetQueryString("FK_Node");
            var node = new Entity("BP.WF.Node", nodeID);
            node.DeliveryWay = Baseinfo.deliverWay;
            node.Update();
        }
    </script>
</body>
</html>
